// 混入-滚动条样式
@mixin scroll-bar {

    /*滚动条整体部分*/
    &::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    /*滚动条的轨道*/
    &::-webkit-scrollbar-track {
        background: transparent;
    }

    /*滚动条里面的小方块，能向上向下移动*/
    &::-webkit-scrollbar-thumb {
        background-color: #bfbfbf;
        border-radius: 5px;
        border: 1px solid #f1f1f1;
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    }

    &::-webkit-scrollbar-thumb:hover {
        background-color: #a8a8a8;
    }

    &::-webkit-scrollbar-thumb:active {
        background-color: #787878;
    }

    /*边角，即两个滚动条的交汇处*/
    &::-webkit-scrollbar-corner {
        background-color: #ffffff;
    }
}